<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>阿里巴巴</title>
        <style>
            *{
               margin: 0px;
               padding: 0px;
               list-style: none;
            }
            .first{
                width: 1307px;
                height: 97px;
                margin: auto;
            }
            .first .alibaba{
                margin: 28px 0px -30px 172px;
                height: 36px;
                width: 241px;
            }
            .first .seek form img{
                width: 16px;
                left: 672px;
                top: -3px;
                position: relative;
            }
            .first .seek form input{
                left: 700px;
                top: -6px;
                position: relative;
            }
            a{
                text-decoration: none;  /* 去下划线*/
            }
            .first .alink a{
                float: right;
                width: 200px;
                height: 20px;
                left: -207px;
                top: -27px;
                position: relative;
                color:rgb(211,112,22);
            }
            .first .alink img{
                left: 1066px;
                top: -30px;
                position: relative;
                width: 9px;
                height: 9px;
           }    /*  小三角形 */
           

           .first .blink a{
               float: right;
               width: 2px;
               height: 20px;
               left: 10px;
               top:-46px;
               position: relative;
               color: rgb(221,112,22);
           }
           .first .blink img{
               left: 1136px;
               top: -52px;
               position: relative;
               width: 9px;
               height: 9px;
               background: brown;
           }
           .ai{
               width: 1307px;
               height: 68px;
               background: rgb(255,102,0);
               color: blanchedalmond; 
               margin: auto;
           }
           .ai .a .a1{
               height: 13px;
               width: 90px;
               position: relative;
               left: 282px;
               top: 20px;
               color: rgb(197, 147, 71);
           }
           .ai .a .a1 img{
               position: relative;
               left: 12px;
               top: -3px;
               color: blanchedalmond;
           }
           .ai .a .a2{
               height: 13px;
               width: 90px;
               position: relative;
               left: 499px;
               top: 5px;
               color: blanchedalmond;
           }
           .ai .a .a2 img{
                left: 93px;
                top: -24px;
                position: relative;
                color: blanchedalmond;
           }
           .ai .a .a3{
               height: 13px;
               width: 116px;
               position: relative;
               left: 715px;
               top: -7px;
           }
           .ai .a .a3 img{
                left: 127px;
                top: -25px;
                 position: relative; /*相对定位*/
           }
           .ai .a .a4{
                height: 13px;
                width: 116px;
                position: relative;
                left: 960px;
                top: -20px;
           }
           .a1 .a .a4 img{
               left: 16px;
               top: -20px;
               position: relative;
           }
           .second{
               width: 1307px;
               height: 589px;
               background: rgb(239,239,206);
               margin: auto;
           }
           .second img{
               margin: 0px 230px 0px 230px;
               width: 846px;
               height: 589px;
           }
           .four{
                width: 1307px;
                height: 346px;
                background: rgb(255,102,0);
                margin: auto;
            }
            .four .zp .ygb{
                height: 32px;
                width: 191px;
                margin: 44px 20px 264px 174px;
                float: left;
            }
            .four .ziti li{
                margin: 0px 0px 12px 0px;
                color: rgb(243, 239, 239);
            }
            .four .ziti li .a1{
                left: 54px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
                color: rgb(248, 246, 246);
            }
            .four .ziti li .a2{
                left: 191px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
                color: rgb(235, 204, 204);
            }
            .four .ziti li .a3{
                left: 313px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
                color: rgb(255, 255, 255);
            }
            .four .ziti li .a4{
                left: 412px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
                color: rgb(255, 255, 255);
            }
            .four .ziti li .b1{
                left: 54px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
                color: rgb(255, 255, 255);
            }
            .four .ziti li .b2{
                left: 190px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
                color: rgb(255, 255, 255);
            }
            .four .ziti li .b3{
                left: 281px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
                color: rgb(255, 255, 255);
            }
            .four .ziti li .b4{
                left: 426px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
                color: rgb(255, 255, 255);
            }
            .four .ziti li .c1{
                left: 54px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
                color: rgb(255, 255, 255);
            }
            .four .ziti li .c2{
                left: 190px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
                color: rgb(255, 255, 255);
            }
            .four .ziti li .c3{
                left: 266px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
                color: rgb(255, 255, 255);
            }
            .four .ziti li .c4{
                left: 361px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
                color: rgb(255, 255, 255);
            }
            .four .ziti li .d1{
                left: 54px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
                color: rgb(255, 255, 255);
            }
            .four .ziti li .d2{
                left: 157px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
                color: rgb(255, 255, 255);
            }
            .four .ziti li .d3{
                left: 297px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
                color: rgb(255, 255, 255);
            }
            .four .ziti li .d4{
                left: 430px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
                color: rgb(255, 255, 255);
            }
            .four .ziti li .e1{
                left: 54px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
                color: rgb(255, 255, 255);
            }
            .four .ziti li .e2{
                left: 186px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
                color: rgb(255, 255, 255);
            }
            .four .ziti li .e3{
                left: 297px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
                color: rgb(255, 255, 255);
            }
            .four .ziti li .e4{
                left: 473px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
                color: rgb(255, 255, 255);
            }
            .four .ziti li .f1{
                left: 54px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
                color: rgb(255, 255, 255);
            }
            .four .ziti li .f2{
                left: 153px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
                color: rgb(255, 255, 255);
            }
            .four .ziti li .f3{
                left: 297px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
                color: rgb(255, 255, 255);
            }
            .four .ziti li .f4{
                left: 427px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
                color: rgb(255, 255, 255);
            }
            .four .ziti li .h1{
                left: 54px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
                color: rgb(255, 255, 255);
            }
            .four .ziti li .h2{
                left: 170px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
                color: rgb(255, 255, 255);
            }
            .four .ziti li .h3{
                left: 266px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
                color: rgb(255, 255, 255);
            }
            .four .ziti li .h4{
                left: 412px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
                color: rgb(255, 255, 255);
            }
            .four .ziti li .g1{
                left: 54px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
                color: rgb(255, 255, 255);
            }
            .four .ziti li .g2{
                left: 185px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
                color: rgb(255, 255, 255);
            }
            .four .ziti li .i1{
                left: 54px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
                color: rgb(255, 255, 255);
            }
            .t{
                width: 1307px;
                height: 51px;
                background: rgb(255,102,0);
                margin: auto;
            }
            .t a{
                width: 16px;
                height: 80%;
                margin: 0px 0px 0px 310px;
                color: rgb(83, 70, 70);
            }
        </style>
    </head>
    <body>
        <div class="first">
          <ul>
              <li>
                  <img src="images/logo_header.png" alt=""  class="alibaba">
              </li>
              <li class="seek">
                 <form action="@" method="hunt">
                     <input type="text" name="grabble" placeholder="搜寻阿里巴巴集团">
                      <img src="images/search.png" alt="">
                    </form>
              </li>

              <li class="alink">
                  <a href="">阿里巴巴集团相关平台</a>
                  <img src="images/down.png" alt="">
              </li>

              <li class="blink">
                  <a href="">简</a>
                  <!-- <img src="images/down.png" alt=""> -->
              </li>
              
          </ul>

        </div>
        <div class="ai">
            <ul class="a">
                <li  class="a1">
                    <a href="">关于我们</a>
                    <img src="images/down1.png" alt="">
                </li>
                <li class="a2">
                    <a href="">投资者关系</a>
                <img src="images/down1.png" alt="">
              </li>
              <li class="a3">
                  <a href="">新闻及媒体资源</a>
                  <img src="images/down1.png" alt="">
              </li>
              <li class="a4">
                <a href="">联系我们</a>
                <img src="images/down1.png" alt="">
            </li>
            </ul>
        </div>
        <div class="second">
            <img src="images/home_banner_3.png" alt="">
        </div>
        <div class="four">
            <div class="zp">
                <img src="images/logo_footer.png" alt="" class="ygb">
            </div>
            <div class="ziti">
                <ul>
                     <li>
                        <a href="" class="a1">关于我们 </a>
                        <a href="" class="a2">投资者关系</a>
                        <a href="" class="a3">新闻及媒体资源</a>
                        <a href="" class="a4">联系我们</a>
                     </li>
                     <li>
                        <a href="" class="b1">公司简介</a>
                        <a href="" class="b2">投资者关系主页</a>
                        <a href="" class="b3">新闻发布</a>
                        <a href="" class="b4">办公地点</a>
                     </li>
                     <li>
                        <a href="" class="c1">业务范畴</a>
                        <a href="" class="c2">投资者新闻及活动</a>
                        <a href="" class="c3">Alizila 新闻网站</a>
                        <a href="" class="c4">投资者联系</a>
                     </li>
                     <li>
                        <a href="" class="d1">历史及里程碑</a>
                        <a href="" class="d2">投资者日</a>
                        <a href="" class="d3">A媒体报导</a>
                        <a href="" class="d4">媒体联系</a>
                     </li>
                     <li>
                        <a href="" class="e1">领导团队</a>
                        <a href="" class="e2">年度股东大会</a>
                        <a href="" class="e3">视频</a>
                        <a href="" class="e4">客户联系</a>
                    </li>
                     <li>
                        <a href="" class="f1">文化和价值观</a>
                        <a href="" class="f2">季度业绩</a>
                        <a href="" class="f3">媒体资料库</a>
                        <a href="" class="f4">执法部门合规指南</a>
                     </li>
                     <li> 
                        <a href="" class="h1">可持续发展</a>
                        <a href="" class="h2">美国证交会公告</a>
                        <a href="" class="h3">社交媒体</a>
                        <a href="" class="h4">知识产权保障</a>
                    </li>
                     <li>
                        <a href="" class="g1">诚信合规</a>
                        <a href="" class="g2">公司治理</a>
                     </li>
                     <li>
                        <a href="" class="i1">常见问题</a>
                     </li>
                </ul>
            </div>
        </div>
        <div class="t"> 
            <ul>
                <li>
                    <a href="">加入我们 |  免责声明 |  私隱政策 |  版权公告 © 1999-2016 阿里巴巴集团控股有限公司及／或其关联公司及特许人。版权所有。</a>
                </li>
            </ul>
            </div>
    </body>
</html>